<!DOCTYPE>
<html>
    <head>
        <meta charset="utf-8">
        <title>Ready</title>
    </head>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        body{
            background: linear-gradient(white 60%, #bbefff);
        }
        div{
            margin:100px auto;
            width: 800px;
            height: 500px;
        }
    </style>
    <body>
        <div>
            <canvas width="800" height="500" id="can">
                你的浏览器不支持Canvas画布
            </canvas>
        </div>
    </body>
</html>
<script>
    var canvas=document.getElementById("can");
    context=canvas.getContext("2d");
    context.font='50pt Arial';
    context.fillStyle='Springgreen';
    context.strokeStyle='Springgreen';
    context.fillText("建 设 中~",canvas.width/2-150,canvas.height/2);
    context.strokeText("建 设 中~",canvas.width/2-150,canvas.height/2);
</script>